<template>
  <div class="house">
    <div class="house-box">
      <h3 class="house-property"><i class="el-icon-s-claim"></i>房产经纪</h3>
      <h2 class="house-mantra">
        说话和气、买卖公平、借东西要还、损坏东西要赔、不打人骂人、不损坏庄稼、不调戏妇女、不虐待俘虏。
      </h2>
    </div>
    <div class="card">
      <div class="portrait">
        <img src="../../assets/img/webpack.png" alt="" />
        <span class="portrait-name">666</span>
      </div>
      <div class="card-content">
        <div class="promotion-box"><i class="el-icon-s-promotion"></i>房产经纪</div>
        <div class="promotion">
            我们培养了一支德才兼备、具有市场竞争力的员工队伍：打情和树立了“安密品牌和安密风格”。集
            团十分注玉发挥党组织在企业中的积极作用，重视企业文化和再就业工程”，热心社会公益事
            业和慈善事业。
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ProjectFrontIndex',

  data () {
    return {}
  },

  mounted () {},

  methods: {}
}
</script>

<style lang="scss" scoped>
.promotion-box{
  color: #fff;
  font-size: 18px;
}
.promotion{
  color: #fff;
  font-size: 16px;
}
* {
  margin: 0;
  padding: 0;
}
img {
  width: 100px;
  border-radius: 50%;
}
.house {
  width: 100vw;
  height: 70vh;
  background: url("../../assets/img/BingWallpaper.jpg") no-repeat;
  background-position: center 80%;
  .house-box {
    color: #fff;
    .house-mantra {
      font-size: 25px;
      margin-left: 100px;
      margin-top: 20px;
    }
    .house-property {
      font-size: 30px;
      margin-left: 200px;
      .el-icon-s-claim {
        margin-right: 10px;
      }
    }
  }
  .card {
    width: 700px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: transparent;
    margin: 80px auto;
    border: 2px solid #fff;
    border-radius: 0px 60px 0px 60px;
    .portrait {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .portrait-name {
      font-size: 20px;
      color: #fff;
    }
    .card-content {
      width: 500px;
      height: 150px;
      background-color: #a8aaab;
      border-radius: 60px 0px 60px 0px;
      padding: 20px 20px;
    }
  }
}
</style>
